import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import Vuex from 'vuex'
import { sync }  from 'vuex-router-sync'
import store from './vuex/store'
import { RouteConfig } from './route-config'
import VueResource from 'vue-resource'
import * as filters from './filter'
import $ from 'jquery'
require('es6-promise').polyfill()

//注册过滤器
Object.keys(filters).forEach((K)=>{
  Vue.filter(K,filters[K])
})

Vue.use(VueRouter)
Vue.use(Vuex)
Vue.use(VueResource)
const router = new VueRouter({
  history: true,
  saveScrollPosition: true,
  // transitionOnLoad:true,
  //设置全局的(激活的)链接样式,也可以单独设置.默认值是v-link-active
  linkActiveClass:'link-active'
});
//详细配置router的路径.
RouteConfig(router);
//使用sync方法,是为了将router放入到vuex中进行管理.即state中多了一个route的对象,我们这样可以在全局的范围内使用到经过vuex管理的路由参数.
//不使用这个也是没有问题的.
//store的注入是在App.vue这个主vue中.
sync(store, router);
router.start( Vue.extend(require('./App')),'#app');
Vue.config.debug = true
// /* eslint-disable no-new */
// new Vue({
//   el: 'body',
//   components: { App }
// })
